<style lang="less" scoped>
    .basicproduct {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: left;
        padding: 8px;
        //display: flex;
    }
</style>
<template>
    <div class="basicproduct">
        <Form :model="form" :label-width="120" :ref="ref" :rules="rule">
            <FormItem label="产品编号：" prop="nub">
                <base-input v-model="form.nub" placeholder="请输入产品编号" width="400px"></base-input>
            </FormItem>
            <FormItem label="客户产品编号：" prop="customernub">
                <base-input v-model="form.customernub" placeholder="请输入客户产品编号" width="400px"></base-input>
            </FormItem>
            <FormItem label="产品名称：" prop="name">
                <base-input v-model="form.name" placeholder="请输入产品名称" width="400px"></base-input>
            </FormItem>
            <FormItem label="产品规格：" prop="norm">
                <base-input v-model="form.norm" placeholder="请输入产品规格" width="400px"></base-input>
            </FormItem>
            <FormItem label="产品单位：" prop="unit">
                <base-input v-model="form.unit" placeholder="请输入单位" width="400px"></base-input>
            </FormItem>
        </Form>
    </div>
</template>
<script>
    import CardTable from '../components/cardTable.vue'
    import MyCard from '../components/myCard.vue'

    export default {
        name: 'basicproduct',
        data () {
            return {
                ref: 'basicproduct',
                form: {
                    nub: '',
                    customernub: '',
                    name: '',
                    norm: '',
                    unit: ''
                },
            }
        },
        methods: {

        },
        components: {
            CardTable,
            MyCard
        },
        mounted: function () {
            console.log('基本数据页面初始化')
        }
    };
</script>
